<template>
    <div class="model-container">
      <div class="listName">汽车服务</div>
      <!--搜索-->
      <el-card shadow="never">
        <div slot="header" class="clearfix">
         <span>快捷搜索</span>
         <div class="btns-wrapper-right">
          <el-button v-if="!searchShow" icon="el-icon-arrow-down" @click="searchShow = true"/>
          <el-button v-else icon="el-icon-arrow-up" @click="searchShow = false"/>
          </div>
        </div>
        <!--显示隐藏搜索栏-->
        <el-collapse-transition>
          <div v-show="searchShow" class="cardbody">
            <el-form ref="seacherParam" :model="seacherParam">
              <el-row :gutter="10">
                <el-col :xl="5" :lg="6" :md="6" :sm="8" >
                  <el-col :xl="7" :lg="7" :md="8" :sm="8" class="input-name">服务项目</el-col>
                  <el-col :xl="17" :lg="17" :md="16" :sm="16">
                    <el-form-item prop="">
                      <el-input size="small" placeholder="请输入服务项目"/>
                    </el-form-item>
                  </el-col>
                </el-col>
                <el-col :xl="5" :lg="6" :md="6" :sm="8" >
                  <el-col :xl="7" :lg="7" :md="8" :sm="8" class="input-name">SKU名称</el-col>
                  <el-col :xl="17" :lg="17" :md="16" :sm="16">
                    <el-form-item prop="">
                      <el-input size="small" placeholder="请输入SKU名称"/>
                    </el-form-item>
                  </el-col>
                </el-col>
              </el-row>

              <div class="cardfooter">
                <el-button type="primary" size="mini" plain @click="seachFun">查询</el-button>
                <el-button type="warning" size="mini" plain @click="resetFun">重置</el-button>
              </div>
            </el-form>
          </div>
        </el-collapse-transition>
      </el-card>

      <!--表格-->
      <el-card style="margin-top: 10px">
        <div slot="header" class="clearfix">
          <div class="btns-wrapper-left">
            <el-button type="primary" plain @click="add">新增</el-button>
             </div>
        </div>
        <div class="table-wrapper">

        </div>
      </el-card>

      <!--弹窗-->
      <el-dialog
        :title="dialogTitle"
        :visible.sync="dialogState"
        :close-on-click-modal="false"
        :before-close="handleClose"
        top="5vh"
        width="40%">
        <el-form ref="dialogBindData" :model="dialogBindData" :rules="rules" label-width="30%" status-icon class="demo-ruleForm">
          <div class="formBody">
            <el-form-item label="编码" prop="brandName">
              <el-input v-model="dialogBindData.brandName" size="small" type="text" placeholder="请输入编码"/>
            </el-form-item>
            <el-form-item label="服务名称" prop="website">
              <el-input v-model="dialogBindData.website" size="small" type="text" placeholder="请输入服务名称"/>
            </el-form-item>
            <el-form-item label="类目" prop="logoPicUrl">
            <el-input v-model="dialogBindData.logoPicUrl" size="small" type="text" placeholder="请输入品牌LOGO图片URL" readonly/>
          </el-form-item>

            <el-form-item label="规格" prop="logoPicUrl">
              <el-input v-model="dialogBindData.logoPicUrl" size="small" type="text" placeholder="请输入规格" readonly/>
            </el-form-item>
            <el-form-item label="销售单价" prop="logoPicUrl">
              <el-input v-model="dialogBindData.logoPicUrl" size="small" type="text" placeholder="请输入价格" readonly/>
            </el-form-item>
            <el-form-item label="语言" prop="language">
              <el-select v-model="dialogBindData.language" placeholder="请选择" size="small">
                <el-option label="zh_CN" value="1"/>
              </el-select>
            </el-form-item>
            <el-form-item label="备注" prop="memo">
              <el-input v-model="dialogBindData.memo" autosize type="textarea" placeholder="备注"/>
            </el-form-item>
            <el-form-item v-if="dialogType !== 1" label="是否启用" prop="">
              <el-radio-group v-model="dialogBindData.isAvailable">
                <el-radio :label="1">启用</el-radio>
                <el-radio :label="0">不启用</el-radio>
              </el-radio-group>
            </el-form-item>
          </div>
          <div class="btns-wrapper">
            <el-button size="small" @click="handleClose">取 消</el-button>
            <el-button :loading="buttonState" type="primary" size="small" @click="submmitFun">保 存</el-button>
          </div>
        </el-form>
      </el-dialog>

       </div>
</template>

<script>
    export default {
        name: ""
    }
</script>

<style scoped>

</style>
